<script setup lang="ts">

import {useRouter} from "vue-router";
import {onMounted, ref} from "vue";
import {getCurrentUser} from "../states/user.ts";



const router = useRouter();

const toEdit = (editKey: string, editName: string, currentValue: string) => {
  router.push({
    path: '/user/edit',
    query: {
      editKey,
      editName,
      currentValue,
    }
  })
}


const user = ref({});
// const res= await myAxios.get('/user/current');
// console.log(res.data,"展示内容")
onMounted(async () => {
  user.value = await getCurrentUser();
})

</script>
<template v-if="user">
  <van-cell title="呢称" is-link to="/user/edit" :value="user.username"
            @click="toEdit('username', '呢称' ,user.username)"/>
  <van-cell title="账号" :value="user.userAccount"/>
  <van-cell title="头像" is-link to="/user/edit">
    <img style="height: 48px" :src="user.avatarUrl"/>
  </van-cell>
  <van-cell title="性别" is-link :value="user.gender" @click="toEdit('gender', '性别' , user.gender)"/>
  <van-cell title="电话" is-link to='/user/edit' :value="user.phone" @click="toEdit('phone', '电话' , user.phone)"/>
  <van-cell title="邮箱" is-link to='/user/edit' :value="user.email" @click="toEdit('email', '邮箱' , user.email)"/>
  <van-cell title="编号" :value="user.planetCode"/>
  <van-cell title="注册时间" :value="user.createTime"/>
</template>

<style scoped>

</style>